import React from 'react'
import { Card, Carousel } from 'antd';
import './ui.less'

class Carousels extends React.Component {

    render() {
        return (
            <div>
                <Card title="文字背景轮播图" className="warp">
                    <Carousel autoplay effect='fade'>
                        <div><h3>今天的你努力了吗</h3></div>
                        <div><h3>小仙女，每天都要开心啊</h3></div>
                        <div><h3>啦啦啦啦，看不见我</h3></div>
                        <div><h3>哈哈哈哈，看见我的都是真爱</h3></div>
                    </Carousel>
                </Card>
                <Card title="图片轮播" className="warp slide-warp">
                    <Carousel autoplay>
                        <div>
                            <img alt="" src="/carouse-img/1.jpg" />
                        </div>
                        <div>
                            <img alt="" src="/carouse-img/2.jpg" />
                        </div>
                        <div>
                            <img alt="" src="/carouse-img/3.jpg" />
                        </div>
                    </Carousel>
                </Card>
            </div>
        )
    }
}


export default Carousels